<template>
  <div>
   <div id="ScatterChart" style="width: 300px; height: 200px">基础散点图</div>
  </div>
</template>

<script>
import * as echarts from "echarts";

  export default {
      data(){
         return {

         }
      },
      mounted(){
         var ScatterChart = echarts.init(document.getElementById("ScatterChart"));
         var ScatterChartOption = {
            title: {
            text: "基础散点图",
            },
            xAxis: {},
            yAxis: {},
            series: [
            {
               symbolSize: 20,
               data: [
                  [10.0, 8.04],
                  [13.0, 7.58],
                  [11.0, 8.33],
                  // [13.4, 6.81],
                  [14.0, 8.96],
                  [9.15, 7.2],
                  [3.03, 4.23],
                  [2.02, 4.47],
                  [4.05, 4.96],
                  [12.0, 6.26],
                  [7.08, 5.82],
               ],
               type: "scatter",
            },
            ],
         };
         ScatterChart.setOption(ScatterChartOption);
         // ===========================================================================================
      }
  }
</script>
<style lang='less' scoped>

</style>